<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>介绍页</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/modules/code.css">
  <link rel="stylesheet" href="css/modules/laydate/default/laydate.css">
  <link rel="stylesheet" href="css/modules/layer/default/layer.css">
  <link rel="stylesheet" href="css/layui.css">
  <link rel="stylesheet" href="css/box.css">
  <link rel="stylesheet" href="css/sou.css">
  
</head>

<body>

  <div id="top">
    <ul class="layui-nav">
      <li class="layui-nav-item layui-this"><a href="/questionnaire">首 页</a></li>
      <li class="layui-nav-item">
        <a href="/modelw">模 板</a>
      </li>
      <li class="layui-nav-item"><a href="/introduce">问 卷</a></li>
      <li class="layui-nav-item">
        <a href="">专项调研</a>
        <dl class="layui-nav-child">
          <dd><a href="">顾客满意度</a></dd>
          <dd><a href="">员工满意度</a></dd>
          <dd><a href="">大学生调研</a></dd>
          <dd><a href="">活动报名</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="">服 务</a>
        <dl class="layui-nav-child">
          <dd><a href="/qiye">企业服务</a></dd>
          <dd class="layui-this"><a href="/zengzhi">增值服务</a></dd>
          <dd><a href="/cankao">参考服务</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="/help">帮 助</a></li>
      <button type="button" class="btn btn-light login" style="width: 80px;" onclick="jumLogin()">登
        录</button>
      <button type="button" class="btn btn-light register" style="width: 80px;" onclick="jumRegister()">注
        册</button>

      <div class="search-box">
        <input class="search-txt" type="text" name="" placeholder="输入你想搜索的内容">
        <a class="search-btn" href="#">
          <i class="bi bi-search"> 搜索 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
              class="bi bi-search" viewBox="0 0 16 16">
              <path
                d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
            </svg></i>
        </a>
      </div>
    </ul>

  </div>

  <div class="layui-carousel" id="test10" style="margin: auto; margin-top: 1rem;">
    <div carousel-item="">
      <div><img src="imgs/介绍.png"></div>
      <div><img src="imgs/介绍.jpeg"></div>
      <div><img src="imgs/介绍.png"></div>
      <div><img src="imgs/介绍.jpeg"></div>
      <div><img src="imgs/介绍.png"></div>
      <div><img src="imgs/介绍.jpeg"></div>
      <div><img src="imgs/介绍.png"></div>

    </div>
  </div>

  <div id="three">
    <div class="box1">
      <ul>
        <li style="text-align: center;">
          <h2 style="text-align: center; margin-top: 1rem;">企业服务</h2>
          <p>快速创建发布问卷</p>
          <p>自动生成数据报告</p>
          <p>企业VI展示</p>
          <p>项目OA管理</p>
          <button type="button" class="layui-btn layui-btn-primary layui-border-blue"
            style="margin-top: 1rem;width: 120px;" onclick="liaojie()">了解更多</button>
        </li>
      </ul>
    </div>
    <div class="box2">

      <ul>
        <li style="text-align: center;">
          <h2 style="text-align: center; margin-top: 1rem;">增值服务</h2>
          <p>快速创建发布问卷</p>
          <p>自动生成数据报告</p>
          <p>企业VI展示</p>
          <p>项目OA管理</p>
          <button type="button" class="layui-btn layui-btn-primary layui-border-blue"
            style="margin-top: 1rem;width: 120px;" onclick="liaojie()">了解更多</button>
        </li>
      </ul>

    </div>
    <div class="box3">

      <ul>
        <li style="text-align: center;">
          <h2 style="text-align: center; margin-top: 1rem;">参考服务</h2>
          <p>快速创建发布问卷</p>
          <p>自动生成数据报告</p>
          <p>企业VI展示</p>
          <p>项目OA管理</p>
          <button type="button" class="layui-btn layui-btn-primary layui-border-blue"
            style="margin-top: 1rem;width: 120px;" onclick="liaojie()">了解更多</button>
        </li>
      </ul> 
    </div>
  </div>
</div>
 

  <div style="background-color: #393D49; width: 100%; height: 237px;">
 <div id="bottomQue">
        <div id="cp">
          <font style="color: white;">
            <ul>
              <h4><li>产品</li></h4>
              <li><a href="">专项调查</a></li>
              <li><a href="">问卷模板</a></li>
              <li><a href="">服务</a></li>
              <li><a href="">帮助</a></li>
            </ul>
          </font>
          
        </div>


        <div id="wm">
          <font style="color: white;">
            <ul>
              <h4><li>我们</li></h4>
              <li><a href="">关于我</a></li>
              <li><a href="">客户案例</a></li>
              <li><a href="">博客</a></li>
              <li><a href="">政策法规</a></li>
            </ul>
          </font>
          
        </div>

        <div id="lx">
          <font style="color: white;">
            <ul>
              <h4><li>联系</li></h4>
              <li>邮箱：384157695@qq.com</li>
              <li>QQ：384157695</li>
              <li>电话：19859728517</li>
              <li>其他：暂无</li>
            </ul>
          </font>
          
        </div>
      </div>


    <div id="bottom" style="width:1000px;margin:0 auto; padding:20px 0; margin:auto;">
     
           <div style="text-align: center;">
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35052402000274"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="imgs/备案图标.png"
          style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:white;">闽公网安备 35052402000274号
        </p>
      </a>

      <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src=""
          style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:white;">备案号 :
          闽ICP备2020020512号-1</p>
      </a>
      </div>
      
      </div>
  </div>


  <script src="js/layui.js"></script>
  <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
  <script>

    function jumLogin() {
      window.location.href = "/login";
    }
    function jumRegister() {
      window.location.href = "/register";
    }


    layui.use('element', function () {
      var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

      //监听导航点击
      element.on('nav(demo)', function (elem) {
        //console.log(elem)
        layer.msg(elem.text());
      });
    });

    layui.use(['carousel', 'form'], function () {
      var carousel = layui.carousel
        , form = layui.form;

      //图片轮播
      carousel.render({
        elem: '#test10'
        , width: '1200px'
        , height: '700px'
        , interval: 5000

      });

      //事件
      carousel.on('change(test4)', function (res) {
        console.log(res)
      });

      var $ = layui.$, active = {
        set: function (othis) {
          var THIS = 'layui-bg-normal'
            , key = othis.data('key')
            , options = {};

          othis.css('background-color', '#5FB878').siblings().removeAttr('style');
          options[key] = othis.data('value');
          ins3.reload(options);
        }
      };

      //监听开关
      form.on('switch(autoplay)', function () {
        ins3.reload({
          autoplay: this.checked
        });
      });

      $('.demoSet').on('keyup', function () {
        var value = this.value
          , options = {};
        if (!/^\d+$/.test(value)) return;

        options[this.name] = value;
        ins3.reload(options);
      });

      //其它示例
      $('.demoTest .layui-btn').on('click', function () {
        var othis = $(this), type = othis.data('type');
        active[type] ? active[type].call(this, othis) : '';
      });
    });

    function liaojie(){
      window.location.href = "/liaojie";
    }

  </script>
</body>

</html>